<template>
    <div class="vediodetail">
      <div class="vediodetail_first">
        <div class="img"></div>
        <div class="vediodetail_search">
           <el-input
              placeholder="请输入要查询的内容"
              prefix-icon="el-icon-search"
              v-model="input2">
            </el-input>
        </div>
      </div>
      <div class="vediodetail_second">
        <ul>
            <li><a href="http://">在线视频</a></li>
            <li><a href="http://">返回主页 -> </a></li>
        </ul>
         <video class="videopay" style=" object-fit: fill" width="1000px" height="600px" controls loop poster="../../assets/poster.jpg">
            <source  src="../../assets/movie.mp4" type="video/mp4" >
        </video>
        <div class="recommend">
          <h4>热门推荐</h4>
          <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
          <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
         <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
         <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
           <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
           <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
           <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
           <div class="recommend_shangping">
             <el-image
                style="width: 100px; height: 100px"
                :src="url"
                :fit="fit"></el-image>
                <div class="recommend_shangping__detail">
                  在线视频返
                </div>
          </div>
<!-- //--------------------------------------- -->




        </div>
      </div>
      <div class="vediodetail_third">
        <h4>我要评论</h4>
        <div class="inputel">
           <el-input
            type="textarea"
            :autosize="{ minRows: 2, maxRows: 4}"
            placeholder="请输入内容"
            v-model="textarea2">
        </el-input>
        </div>
        <el-button>发送</el-button>

      </div>
      <div class="vediodetail_four">
        <div class="vediodetail_four__comment">
          <div class="vediodetail_four__comment__image"></div>
          <div class="vediodetail_four__comment__content">
          </div>
        </div>
<!-- ----------------------------- -->
      <div class="vediodetail_four__comment">
          <div class="vediodetail_four__comment__image"></div>
          <div class="vediodetail_four__comment__content">
          </div>
        </div>

      <div class="vediodetail_four__comment">
          <div class="vediodetail_four__comment__image"></div>
          <div class="vediodetail_four__comment__content">
          </div>
        </div>

     <div class="vediodetail_four__comment">
          <div class="vediodetail_four__comment__image"></div>
          <div class="vediodetail_four__comment__content">
          </div>
        </div>

<!-- ---------------------------------------- -->
     <div class="vediodetail_four__page">
         <el-button>上一页</el-button>
        <el-input
            v-model="input"
            :disabled="true">
        </el-input>
         <el-button>下一页</el-button>

     </div>
   

      </div>
    </div>
    
</template>
<script>
export default {
  data() {
    return {
      input:'0',
      input2:'',
    }
  }
}

</script>
<style>
  @import url('./css.less');
</style>